- Selection mode does not get the special devel styling.
- removed teh last-child() selector for it doesn't work anymore.
Better style all section of the headerbar than none. Proper fix pending.
https://source.puri.sm/Librem5/libhandy/issues/57
// Development versions of apps to use a differently styled headerbar
window.devel {
- headerbar:last-child {
+ headerbar.titlebar:not(.selection-mode) {
background: transparent -gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat,
linear-gradient(to left, mix($selected_bg_color, $bg_color, 10%) 8%, $bg_color 25%);
color: transparentize($fg_color,.9);
.titlebar:not(headerbar) > separator { background-color: #1b1f20; }
-window.devel headerbar { background: transparent -gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to left, #313d45 8%, #33393b 25%); color: rgba(238, 238, 236, 0.1); }
+window.devel headerbar.titlebar:not(.selection-mode) { background: transparent -gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to left, #313d45 8%, #33393b 25%); color: rgba(238, 238, 236, 0.1); }
-window.devel headerbar label { color: #eeeeec; }
+window.devel headerbar.titlebar:not(.selection-mode) label { color: #eeeeec; }
/************ Pathbars * */
.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }
.titlebar:not(headerbar) > separator { background-color: #b6b6b3; }
-window.devel headerbar { background: transparent -gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to left, #d8dfe6 8%, #e8e8e7 25%); color: rgba(46, 52, 54, 0.1); }
+window.devel headerbar.titlebar:not(.selection-mode) { background: transparent -gtk-icontheme("system-run-symbolic") 90% 0/256px 256px no-repeat, linear-gradient(to left, #d8dfe6 8%, #e8e8e7 25%); color: rgba(46, 52, 54, 0.1); }
-window.devel headerbar label { color: #2e3436; }
+window.devel headerbar.titlebar:not(.selection-mode) label { color: #2e3436; }
/************ Pathbars * */
.path-bar button.text-button, .path-bar button.image-button, .path-bar button { padding-left: 4px; padding-right: 4px; }